<!-- @format -->
<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="reverseMsg">翻转</button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        msg: 'Hello,World'
      }
    },
    methods: {
      reverseMsg() {
        // 字符串翻转的操作：先切割 -> 在翻转 -> 最后在拼接
        this.msg = this.msg.split('').reverse().join('')
      }
    }
  }
</script>

<style></style>
